<template>
	<div class="header">
		<div class="right" @click="getinHome()"><span class="iconfont">&#xe685;</span></div>
		<div class="title">选择城市</div>
	</div>
</template>
<script>
export default {
  name: 'CityHeader',
  methods: {
    getinHome () {
      this.$router.push({
        path: '/'
      })
    }
  }
}
</script>
<style lang="stylus" scoped>
@import '~assets/variles.styl'
.header
	background:$bgColor
	height: $headerHeight
	line-height: $headerHeight
	text-align: center
	color: #fff
	font-size: .34rem
	display: flex
	.title
		margin-left: 33%
	.right
		width: .64rem
		text-align: center
		.iconfont
			width: 100%
			font-size: .32rem
</style>
